<template>
	<!--页面显示内容-->
	<div class="content">
		<!--标题栏&菜单栏，固定定位-->
		<div class="topFix">
			<top></top>
		</div>
		<div class="indexMenu">
			<indexMenu></indexMenu>
		</div>
		<!--底部菜单栏-->
		<div class="indexFooter">
			<index-footer></index-footer>
		</div>
	</div>
</template>

<script>
	// @ is an alias to /src
	import top from '@/components/header.vue'
	import indexMenu from '@/components/menu.vue'
	import indexFooter from '@/components/footer.vue'
	
	export default {
	  name: 'index',
	  components: {
	    top,
	    indexMenu,
	    indexFooter
	  }
	}
</script>

<style lang="scss">
	@import "../scss/common";
	.content{
		width: 100%;
		.topFix{
			width: 100%;
			position: fixed;
		    left: 0;
		    top: 0;
		    z-index: 2;
		}
		
		.indexFooter{
			width: 100%;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 2;
			background: white;
		}
		.indexMenu{
			margin-top: r(89px);
		}
	}
</style>